<!DOCTYPE html>
<html lang="en">

	<head>
		<!-- Required meta tags-->
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<meta name="description" content="au theme template">
		<meta name="author" content="Hau Nguyen">
		<meta name="keywords" content="au theme template">

		<title>网页设计与制作仿真效果操作网站-盒子模型</title>

		<!-- Fontfaces CSS-->
		<link href="../css/font-face.css" rel="stylesheet" media="all">
		<link href="../vendor/font-awesome-4.7/css/font-awesome.min.css" rel="stylesheet" media="all">
		<link href="../vendor/font-awesome-5/css/fontawesome-all.min.css" rel="stylesheet" media="all">
		<link href="../vendor/mdi-font/css/material-design-iconic-font.min.css" rel="stylesheet" media="all">

		<!-- Bootstrap CSS-->
		<link href="../vendor/bootstrap-4.1/bootstrap.min.css" rel="stylesheet" media="all">

		<!-- Vendor CSS-->
		<!-- <link href="../vendor/animsition/animsition.min.css" rel="stylesheet" media="all"> -->
		<link href="../vendor/bootstrap-progressbar/bootstrap-progressbar-3.3.4.min.css" rel="stylesheet" media="all">
		<link href="../vendor/wow/animate.css" rel="stylesheet" media="all">
		<link href="../vendor/css-hamburgers/hamburgers.min.css" rel="stylesheet" media="all">
		<link href="../vendor/slick/slick.css" rel="stylesheet" media="all">
		<link href="../vendor/select2/select2.min.css" rel="stylesheet" media="all">
		<link href="../vendor/perfect-scrollbar/perfect-scrollbar.css" rel="stylesheet" media="all">

		<!-- Main CSS-->
		<link href="../css/theme.css" rel="stylesheet" media="all">
		<link rel="stylesheet" type="text/css" href="../css/boc_con.css" />
	</head>
	<body class="animsition">
		<div class="page-wrapper">
			<!-- MENU SIDEBAR-->
			<aside class="menu-sidebar d-none d-lg-block">
				<div class="logo">
					<a href="#">
						<img src="../images/icon/logo.png" alt="Cool Admin" />
					</a>
				</div>
				<div class="menu-sidebar__content js-scrollbar1">
						<nav class="navbar-sidebar">
							<ul class="list-unstyled navbar__list">
								<li class="active has-sub">
									<a class="js-arrow" href="index.html">
										<i class="fas fa-tachometer-alt"></i>我的信息</a>
									<ul class="list-unstyled navbar__sub-list js-sub-list">
										<li>
											<a href="askqustion.html">我的问题</a>
										</li>
										<li>
											<a href="index.html">我的数据</a>
										</li>
								
									</ul>
								</li>
								<li class="active has-sub">
									<a class="js-arrow" href="#">
										<i class="fas fa-tachometer-alt"></i>项目1html标签</a>
									<ul class="list-unstyled navbar__sub-list js-sub-list">
										<li>
											<a href="htmlControl.html"><i class="fas fa-cog"></i>实训操作练习</a>
										</li>
										<li>
											<a href="htmltest.html"><i class="fas fa-file"></i>测试练习</a>
										</li>
				
									</ul>
								</li>
								<li class="has-sub">
									<a class="js-arrow" href="#">
										<i class="fas fa-tachometer-alt"></i>项目2CSS样式</a>
									<ul class="list-unstyled navbar__sub-list js-sub-list">
										<li>
											<a href="CSSControl.html"><i class="fas fa-cog"></i>实训操作练习</a>
										</li>
										<li>
											<a href="CSStest.html"><i class="fas fa-file"></i>测试练习</a>
										</li>
				
									</ul>
								</li>
				
								<li class="has-sub">
									<a class="js-arrow" href="#">
										<i class="fas fa-desktop"></i>项目3盒子模型</a>
									<ul class="list-unstyled navbar__sub-list js-sub-list">
										<li>
											<a href="boxControl.html"><i class="fas fa-cog"></i>实训操作练习</a>
										</li>
										<li>
											<a href="boxtest.html"><i class="fas fa-file"></i>测试练习</a>
										</li>
				
									</ul>
								</li>
								<li class="has-sub">
									<a class="js-arrow" href="#">
										<i class="fas fa-align-justify"></i>项目4弹性布局</a>
				
									<ul class="list-unstyled navbar__sub-list js-sub-list">
										<li>
											<a href="flexControl.html"><i class="fas fa-cog"></i>实训操作练习</a>
										</li>
										<li>
											<a href="transformtest.html"><i class="fas fa-file"></i>测试练习</a>
										</li>
				
									</ul>
				
								</li>
								<li class="has-sub">
									<a class="js-arrow" href="#">
										<i class="fas fa-square"></i>项目5背景与外观</a>
									<ul class="list-unstyled navbar__sub-list js-sub-list">
										<li>
											<a href="backgroundControl.html"><i class="fas fa-cog"></i>实训操作练习</a>
										</li>
										<li>
											<a href="backgtest.html"><i class="fas fa-file"></i>测试练习</a>
										</li>
				
									</ul>
								</li>
								<li class="has-sub">
									<a class="js-arrow" href="#">
										<i class="fas fa-pie-chart"></i>项目6精灵图设置</a>
									<ul class="list-unstyled navbar__sub-list js-sub-list">
										<li>
											<a href="spriteControl.html"><i class="fas fa-cog"></i>实训操作练习</a>
										</li>
										<li>
											<a href="spritetest.html"><i class="fas fa-file"></i>测试练习</a>
										</li>
				
									</ul>
								</li>
								<li class="has-sub">
									<a class="js-arrow" href="#">
										<i class="fas fa-spinner fa-pulse"></i>项目7动画技术</a>
				
									<ul class="list-unstyled navbar__sub-list js-sub-list">
										<li>
											<a href="animateControl.html"><i class="fas fa-cog"></i>实训操作练习</a>
										</li>
										<li>
											<a href="animatetest.html"><i class="fas fa-file"></i>测试练习</a>
										</li>
				
									</ul>
				
								</li>
								<li class="has-sub">
									<a class="js-arrow" href="#">
										<i class="fas fa-adjust"></i>项目8变形与过渡</a>
									 
				
									<ul class="list-unstyled navbar__sub-list js-sub-list">
										<li>
											<a href="transformControl.html"><i class="fas fa-cog"></i>实训操作练习</a>
										</li>
										<li>
											<a href="transformtest.html"><i class="fas fa-file"></i>测试练习</a>
										</li>
				
									</ul>
				
								</li>
							</ul>
						</nav>
					</div>
				
				</aside>
			<!-- END MENU SIDEBAR-->

			<!-- PAGE CONTAINER-->
			<div class="page-container">
				<header class="header-desktop">
					<div class="section__content section__content--p30">
						<div class="container-fluid">
							<div class="header-wrap">
								<form class="form-header" action="" method="POST">
									<input class="au-input au-input--xl" type="text" name="search" placeholder="Search for datas &amp; reports..." />
									<button class="au-btn--submit" type="submit">
										<i class="zmdi zmdi-search"></i>
									</button>
								</form>
								<div class="header-button">
									<div class="noti-wrap">
										<div class="noti__item js-item-menu">
											<i class="zmdi zmdi-comment-more"></i>
											<span class="quantity">1</span>
											<div class="mess-dropdown js-dropdown">
												<div class="mess__title">
													<p>You have 2 news message</p>
												</div>
												<div class="mess__item">
													<div class="image img-cir img-40">
														<img src="../images/icon/avatar-06.jpg" alt="Michelle Moreno" />
													</div>
													<div class="content">
														<h6>Michelle Moreno</h6>
														<p>Have sent a photo</p>
														<span class="time">3 min ago</span>
													</div>
												</div>
												<div class="mess__item">
													<div class="image img-cir img-40">
														<img src="../images/icon/avatar-04.jpg" alt="Diane Myers" />
													</div>
													<div class="content">
														<h6>Diane Myers</h6>
														<p>You are now connected on message</p>
														<span class="time">Yesterday</span>
													</div>
												</div>
												<div class="mess__footer">
													<a href="#">View all messages</a>
												</div>
											</div>
										</div>
										<div class="noti__item js-item-menu">
											<i class="zmdi zmdi-email"></i>
											<span class="quantity">1</span>
											<div class="email-dropdown js-dropdown">
												<div class="email__title">
													<p>You have 3 New Emails</p>
												</div>
												<div class="email__item">
													<div class="image img-cir img-40">
														<img src="../images/icon/avatar-06.jpg" alt="Cynthia Harvey" />
													</div>
													<div class="content">
														<p>Meeting about new dashboard...</p>
														<span>Cynthia Harvey, 3 min ago</span>
													</div>
												</div>
												<div class="email__item">
													<div class="image img-cir img-40">
														<img src="../images/icon/avatar-05.jpg" alt="Cynthia Harvey" />
													</div>
													<div class="content">
														<p>Meeting about new dashboard...</p>
														<span>Cynthia Harvey, Yesterday</span>
													</div>
												</div>
												<div class="email__item">
													<div class="image img-cir img-40">
														<img src="../images/icon/avatar-04.jpg" alt="Cynthia Harvey" />
													</div>
													<div class="content">
														<p>Meeting about new dashboard...</p>
														<span>Cynthia Harvey, April 12,,2018</span>
													</div>
												</div>
												<div class="email__footer">
													<a href="#">See all emails</a>
												</div>
											</div>
										</div>
										<div class="noti__item js-item-menu">
											<i class="zmdi zmdi-notifications"></i>
											<span class="quantity">3</span>
											<div class="notifi-dropdown js-dropdown">
												<div class="notifi__title">
													<p>You have 3 Notifications</p>
												</div>
												<div class="notifi__item">
													<div class="bg-c1 img-cir img-40">
														<i class="zmdi zmdi-email-open"></i>
													</div>
													<div class="content">
														<p>You got a email notification</p>
														<span class="date">April 12, 2018 06:50</span>
													</div>
												</div>
												<div class="notifi__item">
													<div class="bg-c2 img-cir img-40">
														<i class="zmdi zmdi-account-box"></i>
													</div>
													<div class="content">
														<p>Your account has been blocked</p>
														<span class="date">April 12, 2018 06:50</span>
													</div>
												</div>
												<div class="notifi__item">
													<div class="bg-c3 img-cir img-40">
														<i class="zmdi zmdi-file-text"></i>
													</div>
													<div class="content">
														<p>You got a new file</p>
														<span class="date">April 12, 2018 06:50</span>
													</div>
												</div>
												<div class="notifi__footer">
													<a href="#">All notifications</a>
												</div>
											</div>
										</div>
									</div>
									<div class="account-wrap">
										<div class="account-item clearfix js-item-menu">
											<div class="image">
												<img src="../images/icon/avatar-01.jpg" alt="赵健" />
											</div>
											<div class="content">
												<a class="js-acc-btn" href="#">赵健</a>
											</div>
											<div class="account-dropdown js-dropdown">
												<div class="info clearfix">
													<div class="image">
														<a href="#">
															<img src="../images/icon/avatar-01.jpg" alt="赵健" />
														</a>
													</div>
													<div class="content">
														<h5 class="name">
															<a href="#">赵健</a>
														</h5>
														<span class="email">johndoe@example.com</span>
													</div>
												</div>
												<div class="account-dropdown__body">
													<div class="account-dropdown__item">
														<a href="#">
															<i class="zmdi zmdi-account"></i>Account</a>
													</div>
													<div class="account-dropdown__item">
														<a href="#">
															<i class="zmdi zmdi-settings"></i>Setting</a>
													</div>
													<div class="account-dropdown__item">
														<a href="#">
															<i class="zmdi zmdi-money-box"></i>Billing</a>
													</div>
												</div>
												<div class="account-dropdown__footer">
													<a href="#">
														<i class="zmdi zmdi-power"></i>Logout</a>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</header>
				<!-- HEADER DESKTOP-->

				<!-- MAIN CONTENT-->
				<div class="main-content">
					<!-- HEADER DESKTOP-->
					<header class="header-desktop">
						<div class="section__content section__content--p30">
							<div class="container-fluid">
								<div class="header-wrap">
									<form class="form-header" action="" method="POST">
										<input class="au-input au-input--xl" type="text" name="search" placeholder="Search for datas &amp; reports..." />
										<button class="au-btn--submit" type="submit">
											<i class="zmdi zmdi-search"></i>
										</button>
									</form>
									<div class="header-button">
										<div class="noti-wrap">
											<div class="noti__item js-item-menu">
												<i class="zmdi zmdi-comment-more"></i>
												<span class="quantity">1</span>
												<div class="mess-dropdown js-dropdown">
													<div class="mess__title">
														<p>You have 2 news message</p>
													</div>
													<div class="mess__item">
														<div class="image img-cir img-40">
															<img src="../images/icon/avatar-06.jpg" alt="Michelle Moreno" />
														</div>
														<div class="content">
															<h6>Michelle Moreno</h6>
															<p>Have sent a photo</p>
															<span class="time">3 min ago</span>
														</div>
													</div>
													<div class="mess__item">
														<div class="image img-cir img-40">
															<img src="../images/icon/avatar-04.jpg" alt="Diane Myers" />
														</div>
														<div class="content">
															<h6>Diane Myers</h6>
															<p>You are now connected on message</p>
															<span class="time">Yesterday</span>
														</div>
													</div>
													<div class="mess__footer">
														<a href="#">View all messages</a>
													</div>
												</div>
											</div>
											<div class="noti__item js-item-menu">
												<i class="zmdi zmdi-email"></i>
												<span class="quantity">1</span>
												<div class="email-dropdown js-dropdown">
													<div class="email__title">
														<p>You have 3 New Emails</p>
													</div>
													<div class="email__item">
														<div class="image img-cir img-40">
															<img src="../images/icon/avatar-06.jpg" alt="Cynthia Harvey" />
														</div>
														<div class="content">
															<p>Meeting about new dashboard...</p>
															<span>Cynthia Harvey, 3 min ago</span>
														</div>
													</div>
													<div class="email__item">
														<div class="image img-cir img-40">
															<img src="../images/icon/avatar-05.jpg" alt="Cynthia Harvey" />
														</div>
														<div class="content">
															<p>Meeting about new dashboard...</p>
															<span>Cynthia Harvey, Yesterday</span>
														</div>
													</div>
													<div class="email__item">
														<div class="image img-cir img-40">
															<img src="../images/icon/avatar-04.jpg" alt="Cynthia Harvey" />
														</div>
														<div class="content">
															<p>Meeting about new dashboard...</p>
															<span>Cynthia Harvey, April 12,,2018</span>
														</div>
													</div>
													<div class="email__footer">
														<a href="#">See all emails</a>
													</div>
												</div>
											</div>
											<div class="noti__item js-item-menu">
												<i class="zmdi zmdi-notifications"></i>
												<span class="quantity">3</span>
												<div class="notifi-dropdown js-dropdown">
													<div class="notifi__title">
														<p>You have 3 Notifications</p>
													</div>
													<div class="notifi__item">
														<div class="bg-c1 img-cir img-40">
															<i class="zmdi zmdi-email-open"></i>
														</div>
														<div class="content">
															<p>You got a email notification</p>
															<span class="date">April 12, 2018 06:50</span>
														</div>
													</div>
													<div class="notifi__item">
														<div class="bg-c2 img-cir img-40">
															<i class="zmdi zmdi-account-box"></i>
														</div>
														<div class="content">
															<p>Your account has been blocked</p>
															<span class="date">April 12, 2018 06:50</span>
														</div>
													</div>
													<div class="notifi__item">
														<div class="bg-c3 img-cir img-40">
															<i class="zmdi zmdi-file-text"></i>
														</div>
														<div class="content">
															<p>You got a new file</p>
															<span class="date">April 12, 2018 06:50</span>
														</div>
													</div>
													<div class="notifi__footer">
														<a href="#">All notifications</a>
													</div>
												</div>
											</div>
										</div>
										<div class="account-wrap">
											<div class="account-item clearfix js-item-menu">
												<div class="image">
													<img src="../images/icon/avatar-01.jpg" alt="赵健" />
												</div>
												<div class="content">
													<a class="js-acc-btn" href="#">赵健</a>
												</div>
												<div class="account-dropdown js-dropdown">
													<div class="info clearfix">
														<div class="image">
															<a href="#">
																<img src="../images/icon/avatar-01.jpg" alt="赵健" />
															</a>
														</div>
														<div class="content">
															<h5 class="name">
																<a href="#">赵健</a>
															</h5>
															<span class="email">johndoe@example.com</span>
														</div>
													</div>
													<div class="account-dropdown__body">
														<div class="account-dropdown__item">
															<a href="#">
																<i class="zmdi zmdi-account"></i>Account</a>
														</div>
														<div class="account-dropdown__item">
															<a href="#">
																<i class="zmdi zmdi-settings"></i>Setting</a>
														</div>
														<div class="account-dropdown__item">
															<a href="#">
																<i class="zmdi zmdi-money-box"></i>Billing</a>
														</div>
													</div>
													<div class="account-dropdown__footer">
														<a href="#">
															<i class="zmdi zmdi-power"></i>Logout</a>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</header>
					<!-- HEADER DESKTOP-->

					<!-- MAIN CONTENT-->
					<div class="main-content" style="  padding: 40px;">
						<div class="section__content ">
							<div class="container-fluid">
								<div class="row" style="display: flex;">

									<div class="col-lg-4">
										<div class="card">
											<div class="card-header">
												<strong>背景</strong>背景颜色与背景图片
											</div>
											<div class="card-body card-block">
												<form action="" method="post" enctype="multipart/form-data" class="form-horizontal">
													<div class="row form-group">
														<div class="col col-md-4">
															<label for="password-input" class=" form-control-label" style="text-align: right;">padding:</label>
														</div>
														<div class="col-12 col-md-8">
															<input type="text" id="text-padding" name="padding" placeholder="内边距" class="form-control">

														</div>
													</div>
													<div class="row form-group">
														<div class="col col-md-5">
															<label for="back-color" class=" form-control-label ">background-color:</label>
														</div>
														<div class="col-12 col-md-7">
															<input type="color" id="back-color" name="background-color" class="form-control" style=" height: 40px;">

														</div>
													</div>
													<div class="row form-group">
														<div class="col col-md-5">
															<label for="select-clip" class=" form-control-label ">background-clip: </label>
														</div>
														<div class="col-12 col-md-7">
															<select name="select-clip" id="select-clip" class="form-control" style="width: 90%; ">
																<option value="0">Please select</option>
																<option value="padding-box">padding-box</option>
																<option value="border-box">border-box</option>
																<option value="content-box">content-box</option>
															</select>

														</div>
													</div>

													<div class="row form-group">
														<div class="col col-sm-12">
															<label for="input-normal" class=" form-control-label">background-image:</label>
														</div>

													</div>
													<div class="row form-group">
														<div class="col col-sm-12">
															<input type="radio" name="bg_img" id="bg_img1" value="1" class="bg_img" />
															<img src="../images/backimage/bg_b1.jpg" width="40px">
															<input type="radio" name="bg_img" id="bg_im2" value="2" class="bg_img" />
															<img src="../images/backimage/bg_b2.jpg" width="40px">
															<input type="radio" name="bg_img" id="bg_img3" value="3" class="bg_img" />
															<img src="../images/backimage/bg_b3.jpg" width="40px">
															<input type="radio" name="bg_img" id="bg_img4" value="4" class="bg_img" />
															<img src="../images/backimage/bg_b4.jpg" width="40px">
															<input type="radio" name="bg_img" id="bg_img4" value="5" class="bg_img" />
															<img src="../images/backimage/b5.png" width="40px">
														</div>

													</div>
													<div class="row form-group">
														<div class="col col-md-5">
															<label for="select-repeat" class=" form-control-label ">background-repeat: </label>
														</div>
														<div class="col-12 col-md-7">
															<select name="select-repeat" id="select-repeat" class="form-control" style="width: 90%; ">
																<option value="0">Please select</option>
																<option value="repeat-x">repeat-x</option>
																<option value="repeat-y">repeat-y</option>
																<option value="no-repeat">no-repeat</option>
																<option value="repeat">repeat</option>
															</select>

														</div>
													</div>
													<div class="row form-group">
														<div class="col col-md-5">
															<label for="select-attachment" class=" form-control-label ">background-attachment: </label>
														</div>
														<div class="col-12 col-md-7">
															<select name="select-attachment" id="select-attachment" class="form-control" style="width: 90%; ">
																<option value="0">Please select</option>
																<option value="fixed">fixed</option>
																<option value="scroll">scroll</option>
																< </select> </div> </div> <div class="row form-group">
																	<div class="col col-md-5">
																		<label for="select-size" class=" form-control-label ">background-size: </label>
																	</div>
																	<div class="col-12 col-md-7">
																		<select name="select-size" id="select-size" class="form-control" style="width: 90%; ">
																			<option value="0">Please select</option>
																			<option value="cover">cover</option>
																			<option value="contain">contain</option>

																		</select>

																	</div>
														</div>
														<div class="row form-group">
															<div class="col col-md-5">
																<label for="select-origin" class=" form-control-label ">background-origin: </label>
															</div>
															<div class="col-12 col-md-7">
																<select name="select-origin" id="select-origin" class="form-control" style="width: 90%; ">
																	<option value="0">Please select</option>
																	<option value="padding-box">padding-box</option>
																	<option value="border-box">border-box</option>
																	<option value="content-box">content-box</option>
																</select>

															</div>
														</div>
														<div class="row form-group">
															<div class="col col-md-12">
																<label for="disabled-input" class=" form-control-label">background-position:</label>
															</div>
															<div class="col col-md-12">
																<div class="form-check-inline form-check">
																	<label for="inline-radio1" class="form-check-label " style="margin-right: 20px;">
																		<input type="radio" id="inline-radio1" name="inline-radios" value="px" checked="checked" class="position form-check-input">px
																	</label>
																	<label for="inline-radio2" class="form-check-label ">
																		<input type="radio" id="inline-radio2" name="inline-radios" value="%" class="position form-check-input">%
																	</label>

																</div>
															</div>
															<div class="row form-group">
																<div class="col-12 col-md-12">

																	<input type="text" id="back-position-x" name="text-input" value="0" placeholder="position-x" class="form-control"
																	 style="width: 48%; float: left;margin-right: 2%;">
																	<input type="text" id="back-position-y" name="text-input" placeholder="position-y" class="form-control"
																	 value="0" style="width: 48%; float: left;margin-right: 2%;">
																</div>
															</div>

														</div>
														<div class="row form-group">
															<div class="col col-sm-12">
																<label for="input-normal" class=" form-control-label">background-image:</label>

															</div>

														</div>
														<div class="row form-group">
															<div class="col col-sm-12">
																<h2>多背景图像设置</h2>
															</div>
														</div>

														<div class="row form-group">
															<div class="col col-md-5">
																<label for="select-repeat" class=" form-control-label ">background-repeat: </label>
															</div>
															<div class="col-12 col-md-7">
																<select name="select-repeat" id="select-repeat2" class="form-control" style="width: 90%; ">
																	<option value="0">Please select</option>
																	<option value="repeat-x">repeat-x</option>
																	<option value="repeat-y">repeat-y</option>
																	<option value="no-repeat">no-repeat</option>
																	<option value="repeat">repeat</option>
																</select>

															</div>
														</div>
														<div class="row form-group">
															<div class="col-12 col-md-12">

																<input type="text" id="back-position-x1" name="text-input" placeholder="position-x" class="form-control"
																 value="0" style="width: 48%; float: left;margin-right: 2%;">
																<input type="text" id="back-position-y1" name="text-input" placeholder="position-y" class="form-control"
																 value="0" style="width: 48%; float: left;margin-right: 2%;">
															</div>
														</div>

														<div class="row form-group">
															<div class="col col-sm-12">
																<input type="checkbox" name="bg_img_small" id="bg_img_small1" value="1" />
																<img src="../images/backimage/b5.png" width="40px">

															</div>

														</div>

												</form>
											</div>

										</div>

									</div>
									<div class="col-lg-8">
										<div class="card">
											<div class="card-header">
												<strong>盒子模型</strong>显示效果
											</div>
											<div class="card-body card-block  box_con">
												<div class="clearfix">
													<div id="box_exzample" class="box_exzample" style="border: dotted 5px #999 ; ">
														<p>中央宣传部（国务院新闻办公室）会同中央党史和文献研究院、中国外文局编辑的《习近平谈治国理政》第三卷，由外文出版社以中英文版出版，面向海内外发行。
														</p>
														<p>《习近平谈治国理政》第三卷收入了习近平总书记在2017年10月18日至2020年1月13日期间的报告、讲话、谈话、演讲、批示、指示、贺信等92篇，分为19个专题。
														</p>
														<p>这部重要著作生动记录了党的十九大以来以习近平同志为核心的党中央，着眼中华民族伟大复兴的战略全局和世界百年未有之大变局，团结带领全党全国各族人民推动党和国家各项事业取得新的重大进展的伟大实践，集中展示了马克思主义中国化的最新成果，充分体现了我们党为推动构建人类命运共同体贡献的智慧方案，是全面系统反映习近平新时代中国特色社会主义思想的权威著作。
														</p>
														<p>我们梳理习近平总书记部分讲话，带你学习著作中的关键词。今天的关键词是“新时代中国特色社会主义”。
														</p>
													</div>

												</div>


											</div>

										</div>
									</div>
								</div>
								<div class="row">
									<div class="col-md-12">
										<div class="copyright">
											<p>Copyright &copy; 2020.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>

			</div>

		</div>

		<!-- Jquery JS-->
		<script src="../vendor/jquery-3.2.1.min.js"></script>
		<!-- Bootstrap JS-->
		<script src="../vendor/bootstrap-4.1/popper.min.js"></script>
		<script src="../vendor/bootstrap-4.1/bootstrap.min.js"></script>
		<!-- Vendor JS       -->
		<script src="../vendor/slick/slick.min.js">
		</script>
		<script src="../vendor/wow/wow.min.js"></script>
		<!-- <script src="../vendor/animsition/animsition.min.js"></script> -->
		<script src="../vendor/bootstrap-progressbar/bootstrap-progressbar.min.js">
		</script>
		<script src="../vendor/counter-up/jquery.waypoints.min.js"></script>
		<script src="../vendor/counter-up/jquery.counterup.min.js">
		</script>
		<script src="../vendor/circle-progress/circle-progress.min.js"></script>
		<script src="../vendor/perfect-scrollbar/perfect-scrollbar.js"></script>
		<script src="../vendor/chartjs/Chart.bundle.min.js"></script>
		<!-- <script src="../vendor/select2/select2.min.js"></script> -->

		<!-- Main JS-->
		<script src="../js/main.js"></script>
		<script src="../js/jquery.bigcolorpicker.min.js"></script>
		<script src="../js/background.js"></script>
	</body>

</html>
<!-- end document-->
